<template>
  <div>
    <!-- 顶部 card  -->
    <!-- <top-panel class="row-container" /> -->
    <!-- 中部图表  -->
    <!-- <middle-chart class="row-container" /> -->
    <!-- 列表排名 -->
    <!-- <rank-list class="row-container" /> -->
    <!-- 出入库概览 -->
    <!-- <output-overview class="row-container" /> -->
    <t-card>
      <p class="welcome-wrapper">
        欢迎 {{ userStore.userInfo.name }}
      </p>
    </t-card>
  </div>
</template>
<script setup lang="ts">
import { useUserStore } from '@/store'

defineOptions({
  name: 'DashboardBase',
})
// import MiddleChart from './components/MiddleChart.vue'
// import OutputOverview from './components/OutputOverview.vue'
// import RankList from './components/RankList.vue'
// import TopPanel from './components/TopPanel.vue'
const userStore = useUserStore()
</script>
<style scoped>
.row-container:not(:last-child) {
  margin-bottom: 16px;
}

.welcome-wrapper {
  font-size: var(--td-font-size-headline-small);
}
</style>
